<template>
  <div>
    <!-- <input type="text" :value="modelValue" @input="emit('update:modelValue', ($event.target as HTMLInputElement).value)" /> -->
    <input type="text" :value="myModelValue" @input="emit('update:myModelValue', ($event.target as HTMLInputElement).value)" />
    <br>
    <input type="text" :value="myModelValue2" @input="emit('update:myModelValue2', ($event.target as HTMLInputElement).value)" />
  </div>
</template>

<script setup lang="ts">
// defineProps(['modelValue'])
// const emit = defineEmits(['update:modelValue'])

// myModelValue 是自定义的属性名，modelValue 是默认的属性名
defineProps(['myModelValue', 'myModelValue2'])
const emit = defineEmits(['update:myModelValue', 'update:myModelValue2'])

</script>

<style  scoped>

</style>